<template>
  <view class="roc-title">
    <view class="line"></view>
    <view class="title">{{ titleText }}</view>
  </view>
</template>

<script>
export default {
  name: 'roc-title',
  props: {
    titleText: {
      type: String,
      default: '标题'
    }
  }
};
</script>

<style lang="scss" scoped>
.roc-title {
  display: flex;
  align-items: center;
  background-color: #efefef;
  height: 60rpx;
  line-height: 60rpx;
  border-radius: 10rpx;
  padding-left: 6rpx;
  .line {
    width: 6rpx;
    border-radius: 3rpx;
    height: 32rpx;
    background-color: #0062ad;
    margin-right: 18rpx;
  }
  .title {
    font-size: 36rpx;
  }
}
</style>
